<div class="user-page" ng-controller="userCtrl">
<div class="header">
    <div class="headerTop">
        <div class="back"  id="back"><img src="src/img/return.png" alt=""></div>
        <div><span>个人</span></div>
        <div>
            <p>设置</p></div>
    </div>
    <div class="headerBottom">
        <div class="left">
            <img src="src/img/head.png" alt="">
            <span>白墨%</span>
            <p>修改个人资料</p>
        </div>
        <div class="right">
            <span>珍珠值</span><em>666</em>
        </div>
    </div>
</div>
<div class="content">
    <div class="may">
        <ul>
            <li>
                <center><img src="src/img/money.png" alt="money.png"></center>
                <p>购买记录</p></li>
            <li>
                <center><img src="src/img/attention.png" alt="attention.png"></center>
                <p>关注店铺</p></li>
            <li>
                <center><img src="src/img/footprint.png" alt="footprint.png"></center>
                <p>足迹</p></li>
        </ul>
    </div>
    <div class="address">
        <ul>
            <li>
                <img class="ad" src="src/img/landmark.png" alt="landmark.png">
                <span>收货地址：<em>广东省广州市天河区五山大道1090号</em></span>
                <img class="right-arrow" src="src/img/right-arrow.png" alt="right-arrow.png">
            </li>
            <button>添加地址</button>
        </ul>
    </div>
    <div class="my-order">
        <p>我的订单</p>
        <div class="more-order">
            <a href="#">查看更多订单</a>
            <img src="src/img/right-arrow.png" alt="right-arrow.png">
        </div>
    </div>
    <div class="flow">
        <div><img src="src/img/payment.png" alt="payment.png">
            <p>待付款</p></div>
        <div><img src="src/img/shipments.png" alt="shipments.png">
            <p>待发货</p></div>
        <div><img src="src/img/receiving.png" alt="receiving.png">
            <p>待收货</p></div>
        <div><img src="src/img/evaluate.png" alt="evaluate.png">
            <p>待评价</p></div>
        <div><img src="src/img/refund.png" alt="refund.png">
            <p>退款/售后</p></div>
    </div>
</div>
<footer>
    <div class="option1" ui-sref="home">
        <i></i>
        <b>首页</b>
    </div>
    <div class="option2" ui-sref="proCategories">
        <i></i>
        <b>分类</b>
    </div>
    <div class="option3" ui-sref="shopCart">
        <i></i>
        <b>购物车</b>
    </div>
    <div class="option4" ui-sref="user">
        <i></i>
        <b>个人</b>
    </div>
</footer>
</div>